<layout name='layout/main' />
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script type="text/javascript">
    wx.config({
    debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
    appId: '<{:C('APP_ID')}>', // 必填，公众号的唯一标识
    timestamp: <{$timestamp}>, // 必填，生成签名的时间戳
    nonceStr: '<{$noncestr}>', // 必填，生成签名的随机串
    signature: '<{$signature}>',// 必填，签名，见附录1
    jsApiList: [
        //'checkJsApi',
        'onMenuShareTimeline',    
        'onMenuShareAppMessage',  
      ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
    });

    wx.ready(function () {

      //检测js接口
      wx.checkJsApi({
          jsApiList: [
              'getNetworkType',
              'previewImage'
          ],
          success: function (res) {
              //alert(JSON.stringify(res));
          }
      });

      var shareObj = {
            title: '51出招',
            desc: '开启分享经济新时代',
            link: '<{:C('site_url')}>/share.html',
            imgUrl: '<{:C('site_url')}>/<{:RES}>/image/share.jpg',
            trigger: function (res) {
                //alert('用户点击发送给朋友');
            },
            success: function (res) {
            },
            cancel: function (res) {
                //alert('已取消');
            },
            fail: function (res) {
                //alert(JSON.stringify(res));
            }
      };
      
      //分享到朋友圈
      wx.onMenuShareTimeline(shareObj);

      //分享给朋友
      wx.onMenuShareAppMessage(shareObj);     

  })
</script>

<link rel="stylesheet" href="<{:RES}>/css/lottery.css?v=1.03">
<script type="text/javascript" src="<{:RES}>/js/jQueryRotate.2.2.js"></script>
<header class="am-header am-header-default">
	<h1 class="am-header-title">幸运大抽奖</h1>
</header>
<script type="text/javascript">
$(function(){
	$("#startbtn").click(function(){
        point = <{$_user['point']}>;

		if (point<10){
			_alert('积分不足');
		}else{
			if(confirm("本次操作将会使用10个积分")){
				lottery();
			}
		}				
	});
});
function lottery(){    
	$.ajax({
		type: 'POST',
        url: '<{:U('Lottery/play')}>',
        dataType: 'json', 
        cache: false, 
        error: function(){ 
            alert('出错了！'); 
            return false; 
        }, 
        success : function(json){
        	$("#startbtn").unbind('click').css("cursor","default"); 
            var a = json.angle; //角度
            var p = json.prize; //奖项
            var id = json.id;   //奖项ID
            var v = json.value;   //奖项流量
            $("#startbtn").rotate({ 
                duration:3000, //转动时间 
                angle: 0, 
                animateTo:1800+a, //转动角度 
                easing: $.easing.easeOutSine, 
                callback: function(){                     
                    $.get('index.php?m=Lottery&a=save&lid='+id,function(response){
                        if (response!='error'){
                            if (p=='谢谢参与') {
                                _alert("祝您下次中奖",response);
                            }else{
                                _alert('恭喜你，中得'+p,response);                            
                            }
                        }else{
                            _alert("服务器错误");
                        }                   
                        return false;   
                    })                        
                } 
            });
        },
	});
}
</script>
<div class="page bg1">
	<div class="lottery">
        <div id="disk"></div>
        <div id="start"><img src="<{:RES}>/image/lottery/start1.png" id="startbtn"></div>
	</div>
    
    <div class="lotBox">
        <div class="mypoint">我的积分<span><{$_user.point}></span></div>
        <div class="mypoint"><a href="<{:U('Lottery/history')}>">抽奖记录</a></div>
    </div>	

	<div class="shuoming">
		<div class="hd">抽奖说明</div>
		<div class="bd">每次抽奖需要10个积分。<br/>每日签到可赚钱积分。<br/>奖品设置：<br/>一等奖：苹果iPhone6 PLUS<br/>二等奖：美拓UV500全屏蔽国际顶级全车贴膜<br/>三等奖：菲林克高端环保全车贴膜<br/>四等奖：精美袋鼠公仔<br/>五等奖：10个积分<br/></div>
	</div>    
  
</div>

<div class="footerBox">
<include file="Public:menu_member" />
</div>
